<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
<meta charset="utf-8" />
<title>黑色Html5响应式个人博客模板――主题《如影随形》</title>
<meta name="keywords" content="个人博客模板,博客模板,响应式" />
<meta name="description" content="如影随形主题的个人博客模板，神秘、俏皮。" />
<link href="../static/h5css/base.css" rel="stylesheet"
	th:href="@{/h5css/base.css}" />
<link href="../static/h5css/about.css" rel="stylesheet"
	th:href="@{/h5css/about.css}" />
<link href="../static/h5css/media.css" rel="stylesheet"
	th:href="@{/h5css/media.css}" />
<meta name="viewport"
	content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
	<div class="ibody">
		<header>
			<h1>木秀猿林</h1>
			<h2>影子是一个会撒谎的精灵，它在虚空中流浪和等待被发现之间;在存在与不存在之间....</h2>
			<div class="logo">
				<a href="/"></a>
			</div>
			<nav id="topnav">
				<a href="/">首页</a> <a href="/allworks">作品展示</a> <a href="/career">职业生涯</a>
				<a href="/articlelist">所有文章</a> <a href="/about">关于我</a>
			</nav>
		</header>
		<article>
			<h3 class="about_h">
				您现在的位置是：<a href="/">首页</a>><a href="/about">关于我</a>
			</h3>
			<div class="about">
				<h2>Just about me</h2>
				<ul>
					<p>一个90后有梦想有追求的菜鸟程序猿。</p>
				</ul>
				<h2><!-- About my blog --></h2>
				<ul class="blog_a">
					<!-- <p>
						域 名：www.yangqq.com 创建于2011年01月12日 <a
							href="http://www.net.cn/domain/" class="blog_link"
							target="_blank">注册域名</a><a class="blog_link"
							href="http://koubei.baidu.com/womc/s/www.yangqq.com"
							target="_blank">邀你点评</a>
					</p>
					<p>
						服务器：阿里云服务器<a
							href="http://www.aliyun.com/product/ecs/?ali_trackid=2:mm_11085263_4976026_15602229:1389838528_3k2_34164590"
							class="blog_link" target="_blank">购买空间</a><a
							href="/jstt/web/2014-01-18/644.html" target="_blank"
							class="blog_link">参考我的空间配置</a>
					</p>
					<p>程 序：PHP 帝国CMS7.0</p>
					<p>微信公众号：wwwyangqqcom</p> -->
				</ul>
			</div>
		</article>
		<aside>
			<div class="avatar">
				<a href="###"><span>木秀猿林</span></a>
			</div>
			<div class="topspaceinfo">
				<h1>执子之手，与子偕老</h1>
				<p>于千万人之中，我遇见了我所遇见的人....</p>
			</div>
			<div class="about_c">
				<p id="usernickname">
					网名：<span></span>
				</p>
				<p id="useroccupation">
					职业：<span></span>
				</p>
				<p id="userarea">
					籍贯：<span></span>
				</p>
				<p id="userphone">
					电话：<span></span>
				</p>
				<p id="useremail">
					邮箱：<span></span>
				</p>
				<p>
					<!--以下是QQ邮件列表订阅嵌入代码-->
					<a target="_blank"
						href="http://list.qq.com/cgi-bin/qf_invite?id=65fb9b3618916f162973471ebc5b97ff786efae0ec9a863e"><img
						border="0" alt="填写您的邮件地址，订阅我们的精彩内容："
						src="http://rescdn.list.qq.com/zh_CN/htmledition/images/qunfa/manage/picMode_light_m.png" /></a>
				</p>
			</div>
		</aside>
		<script src="../static/h5js/silder.js" th:src="@{/h5js/silder.js}"></script>
		<script src="../../static/jquery/2.1.4/jquery-2.1.4.min.js"
			th:src="@{/js/jquery.min.js}"></script>
		<script type="text/javascript" th:inline="javascript">
			/*<![CDATA[*/
			//根据用户ID获取一个用户信息
			function getoneuser(id) {
				//获取一个用户的详细信息
				$.get("/getoneuser/"+id, function(result) {
					$(".texts").html(result.userMotto);
					$(".topspaceinfo").html(result.userIntroduce);
					$("#usernickname span").html(result.nickName);
					$("#useroccupation span").html(result.occupation);
					$("#userarea span").html(result.area);
					$("#userphone span").html(result.phone);
					$("#useremail span").html(result.email);
				});
			}
			$(document).ready(function() {
				getoneuser(1);
			});
			/*]]>*/
		</script>
		<div class="clear"></div>
		<!-- 清除浮动 -->
	</div>
</body>
</html>
